<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>关于我们</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .radius18 {
            -webkit-border-radius: 18px;
            -moz-border-radius: 18px;
            border-radius: 18px;    
        }
        .margin-center {
            margin: 0 auto;
        }
        .text-center{
            text-align:center;
        }
        .main .img-top img {
            width: 100%;
        }
        .main .content {
            position: relative;
            top: -180px;
            width: 840px;
            margin: 0 auto;
            background-color: #fff;
            padding: 1px 60px;
            color: #333333;
            font-size: 16px;
            line-height: 1;

        }
        .main .content .top-title{
            width: 840px;
            background-color: #000;
            margin: 60px auto 0;
            padding: 1px;
        }
        .content .top-title .logo-group {
            width: 56px;
            height: 30px;
            margin-top: 54px;
        }
        .content .top-title .logo-group img {
            width: 100%;
            height: 100%;
        }
        .content .top-title p {
            color: #fff;
            font-size: 14px;
            margin: 12px 0 16px;
            letter-spacing: 1px;
        }
        .content .title h3 {
            font-size: 24px;
            letter-spacing: 2px;
            font-weight: bolder;
        }
        .content .title .line{
            width: 51px;
            height: 2px;
            background-color: #333333;
            opacity: 0.5;
            margin-top: 12px;
        }
        .content .introduce .text {
            line-height: 26px;
            margin-top: 30px;
        }
        .content .introduce-card {
            display: flex;
            justify-content: space-between;
            width: 800px;
            margin: 66px auto 0;

        }
        .content .introduce-card-item {
            width: 250px;
            height: 200px;
            box-sizing: border-box;
            padding: 0 24px;
        }
        .content .introduce-card-item.bgi1{
            background:url("/themes/simplebootx/Public/assets/images/about_us/aboutus1.png") no-repeat center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }
        .content .introduce-card-item.bgi2{
            background:url("/themes/simplebootx/Public/assets/images/about_us/aboutus2.png") no-repeat center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }
        .content .introduce-card-item.bgi3{
            background:url("/themes/simplebootx/Public/assets/images/about_us/aboutus3.png") no-repeat center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }
        
        .content .introduce-card-item h4{
            font-size: 18px;
            letter-spacing: 1px;
            color: #fff;
            margin-top: 114px;
        }
        .content .introduce-card-item p {
            font-size: 14px;
            opacity: 0.75;
            color: #ffffff;
            margin-top: 10px;
            line-height: 18px;
        }
        .content .introduce-card2{
            height: 122px;
            justify-content: left;
            align-items: center;
            color: #ffffff;
            margin-top: 18px;
            background:url("/themes/simplebootx/Public/assets/images/about_us/aboutus4.png") no-repeat center;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
        }
        .content .introduce-card2 h4 {
            width: 188px;
            font-size: 18px;
            letter-spacing: 1px;
            text-align: center;
        }
        .content .introduce-card2 p {
            width: 590px;
            line-height: 27px;
            opacity: 0.75;
        }
        .content .product {
            width: 800px;
            box-sizing: border-box;
        }
        .content .product .product-item{
            position: relative;
            padding-left: 18px;
            margin-top: 64px;
        }
        .content .product .product-item:before , .content .er-code-item h4:before {
            display: inline-block;
            content: "";
            position: absolute;
            left: 6px;
            top: 8px;
            width: 6px;
            height: 6px;
            background-color: #333333;
            border-radius: 50%;
        }
        .content .er-code-item h4:before{
            left: -12px;
            top: 13px;
        }
        .content .product-item h4 {
            font-size: 20px;
            letter-spacing: 2px;
        }
        .content .product-item h5 {
            font-size: 14px;
            color: #707070;
            letter-spacing: 1px;
            margin-top: 12px;
            font-weight: normal;
        }
        .content .product-item p {
            line-height: 26px;
            margin-top: 22px;
        }
        .content .er-code {
            display: flex;
            justify-content: space-between;
            width: 840px;
            margin-top: 56px;
        }
        .content .er-code-item {
            width: 400px;
            height: 184px;
            padding: 14px 28px 0;
            box-sizing: border-box;
            border: solid 1px #efefef;
        }
        .content .er-code-item h4{
            position: relative;
            height: 58px;
            font-size: 20px;
            line-height: 32px;
            letter-spacing: 1px;
        }
        .content .er-code-item .code-group {
            padding-top: 1px;
        }
        .content .er-code-item .code-img {
            float: right;
            width: 80px;
            height: 80px;
            margin-top: 5px;
        }
        .content .er-code-item .code-img img{
            width: 100%;
            height: 100%;
        }
        .content .er-code-item .p1{
            margin-top: 28px;
        }
        .content .er-code-item .p2{
            margin-top: 16px;
        }
    </style>
</head>
<body>
    <div class="main">
        <div class="img-top">
            <img src="/themes/simplebootx/Public/assets/images/about_us/aboutus.png" alt="">
        </div>
        <div class="content radius18">
            <div class="top-title text-center radius18">
                <div class="logo-group margin-center">
                    <img src="/themes/simplebootx/Public/assets/images/about_us/logo.png" alt="">
                </div>
                <p>房产后市场创新创业服务平台</p>
            </div>
            <!--标题部分 -->
            <div class="title text-center" style="margin-top: 74px;">
                <h3>日新网简介</h3>
                <div class="line margin-center"></div>
            </div>
            <div class="introduce">
                <p class="text">
                    日新网是一家致力于推动新科技、新理念、新政策引入房产后市场的产业创新服务平台，致力于培养更多的社区经营管理人才，
                    发掘更多的创新性企业，通过数据经营，带来社区经营效率提升和服务创新，通过文化塑造，让社区更有温度。
                    努力实现用文化和科技推动社区建设的使命与责任。
                </p>
                <div class="introduce-card">
                    <div class="introduce-card-item bgi1 radius18">
                        <h4>口号</h4>
                        <p>每天发现一点创新</p>
                    </div>
                    <div class="introduce-card-item bgi2 radius18">
                        <h4>使命与愿景</h4>
                        <p>用文化和科技推动社区建设 <br>让生活更美好</p>
                    </div>
                    <div class="introduce-card-item  bgi3 radius18">
                        <h4>核心价值观</h4>
                        <p>开放、合作、共赢</p>
                    </div>
                </div>
                <div class="introduce-card2 introduce-card radius18">
                    <h4>人才策略</h4>
                    <p>走专业发展路径，不走捷径、踏实积累、合作团结、诚实守信；坚持以客户为中心、以创新为动力、艰苦奋斗为本质，
                        为推动社会的和谐发展，实现人们美好的生活而努力。
                    </p>
                </div>
            </div>
            <!--标题部分-->
            <div class="title text-center" style="margin-top: 100px;">
                <h3>产品介绍</h3>
                <div class="line margin-center"></div>
            </div>
            <!--产品介绍-->
            <div class="product margin-center">
                <div class="product-item">
                    <h4>日新网</h4>
                    <h5>房产后市场领域专业媒体平台</h5>
                    <p>为忙碌的商业人士节省时间，帮助他们了解行业上发生了什么事情。分析所发生的事情背后的价值与逻辑，帮助商业人士进行深度思考。</p>
                </div>
                <div class="product-item">
                    <h4>日新研习社</h4>
                    <h5>社区经营管理从业者成长学习的平台</h5>
                    <p>随着科技的发展，社区经济将面临着重大的转型，源于服务形式的多元化，对人才的要求也更加严苛，所以不断的学习才是发展的动力。
                        日新研习社通过专业的行家研究与社区服务商的实战经验相结合， 致力于塑造新一代的有理论、有实战的社区经营管理人才。
                    </p>
                   </div>
                <div class="product-item">
                    <h4>日新商脉</h4>
                    <h5>企业数据评价平台</h5>
                    <p>
                        由于行业供应商繁杂，分布不集中，主要集中在北上广深等一线城市，资源难以有效对接。日新商脉将通过将社区环境数据化、服务商的业务经营数据化，
                        建立双方评价体系，提供招商对接服务，使服务对接更加有效。
                    </p>
                    </div>
                <div class="product-item">
                    <h4>日新蓝图</h4>
                    <h5>创新实验室，对创新项目进行孵化</h5>
                    <p>
                        据不完全统计，全国拥有50万个社区，我国社区年均总体消费需求超过13万亿元，自2012年以来，在社区经济领域投资累计超过2000亿，<br>
                        蓝海市场，需要更多的创业者来共同挖掘。日新蓝图为行业创业者提供从咨询、资本到行业行业的多层次服务，帮助企业更好的落地社区。
                    </p>
                </div>
            </div>
            <!--标题部分-->
            <div class="title text-center" style="margin-top: 74px;">
                <h3>商务合作咨询</h3>
                <div class="line margin-center"></div>
            </div>
            <div class="er-code">
                <div class="er-code-item radius18">
                    <h4>媒体内容 | 行家入驻 | 培训课程合作</h4>
                    <div class="code-group">
                        <img class="code-img" src="/themes/simplebootx/Public/assets/images/about_us/xiaoxin.png" alt="">
                        <p class="p1">小新</p>
                        <p class="p2">微信：sqsync01</p>
                    </div>
                </div>
                <div class="er-code-item radius18">
                    <h4>商脉入驻 | 蓝图合作(供应商产品社区落地服务)| 投融资服务</h4>
                    <div class="code-group">
                        <div class="code-img">
                            <img  src="/themes/simplebootx/Public/assets/images/about_us/ameng.png" alt="">
                        </div>
                        <p class="p1">A梦</p>
                        <p class="p2">微信：rixins01</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>